<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="referrer" content="no-referrer" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1,
            maximum-scale=1,
            minimum-scale=1, user-scalable=no"
    />
    <link rel="stylesheet" href="./assest/style/reset.css" />
    <link rel="stylesheet" href="./assest/style/font/iconfont.css" />
    <link rel="stylesheet" href="./assest/style/common.css" />
    <link rel="stylesheet" href="./assest/style/target.css" />
    <title>目的地</title>
  </head>

  <body>
    <div class="target-index" id="app">
      <nav class="flex jc-sa aic tabs bg-fff">
        <a href="./target-fangyuan.html" class="fcc" :class="{active: activeIndex===1}">小区房源</a>
        <a href="./target-pinglun.html" class="fcc" :class="{active: activeIndex===2}">评论</a>
        <a href="./target-wanle.html" class="fcc" :class="{active: activeIndex===3}">周边玩乐</a>
        <a href="./target-jieshao.html" class="fcc" :class="{active: activeIndex===4}">小区介绍</a>
      </nav>

      <ul class="mt-10">
        <a v-for="item in list" class="bg-fff" href="/target/detail/116199158">
          <img :src="'./assest/img/'+item.imageUrl" class="w100pc" alt="" />
          <div class="t-box flex2 jc-sa pl-10 pr-10 pb-5 lh15">
            <p class="f20 pt-5">{{item.name}}</p>
            <p class="f14 f666">浪漫美景+免费WIFI、电视、齐全设备=完美假期。</p>
            <p class="f12 f999">深圳大鹏较场尾较尾 75人想去</p>
          </div>
        </a>
        <!-- <a class="bg-fff" href="/target/detail/116199158">
          <img
            src="https://img.villaday.com/images/merchant/10479/audit_house/4Df6aScBpT.jpg"
            class="w100pc"
            alt=""
          />
          <div class="t-box flex2 jc-sa pl-10 pr-10 pb-5 lh15">
            <p class="f20">较场尾·海角9号沙滩度假别墅</p>
            <p class="f14 f666">浪漫美景+免费WIFI、电视、齐全设备=完美假期。</p>
            <p class="f12 f999">深圳大鹏较场尾较尾 75人想去</p>
          </div>
        </a>-->
      </ul>
    </div>
  </body>
  <script src="./js/axios.js"></script>
  <script src="./js/jQuery.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/vue.js"></script>
  <script>
    var vm = new Vue({
      el: "#app",
      data: {
        activeIndex: common.activeIndex,
        list: [],
      },
      created() {
        $http.get("/destination").then((res) => {
          this.list = res.data;
        });
      },
    });
  </script>
</html>
